﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link type="text/css" rel="Stylesheet" href="MapEditor.css" />
  <link type="text/css" rel="Stylesheet" href="map.css" />
  <script type="text/javascript" src="../jqueryui/js/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" src="../jqueryui/js/jquery-ui-1.8.18.custom.min.js"></script>
  <script type="text/javascript" src="../Lib/lib.js"></script>
  <script type="text/javascript" src="Config.js"></script>
  <script type="text/javascript" src="tile.js"></script>
  <script type="text/javascript" src="map.js"></script>
  <script type="text/javascript" src="MapEditor.js"></script>
</head>
<body>
  <div id="test"></div>
  <div id="main">
    <div id="mapmain">
      <div id="Xbar">
      </div>
      <div id="Ybar">
      </div>
      <div id="map">
      </div>
    </div>
    <div id="panel">
      <div>
        <input value="Save" type="button" />
        <input value="Load" type="button" />
        <input value="Refresh" type="button" />
      </div>      
      <div id="layersPanel">
        <div>
        LAYERS(<span id="layersCount"></span>)</div>
        <ul id="layers">
        </ul>
        <div id="layerOps">
          <a id="addLayer" href="javascript:void(0);">+</a>
          <a id="deleteLayer" href="javascript:void(0);">-</a>
          <a id="moveUpLayer" href="javascript:void(0);">Up</a>
          <a id="moveDownLayer" href="javascript:void(0);">Down</a>
        </div>
        <div id="layerSettings">
          <div>设置层/LAYER SETTINGS</div>
          <div id="Settings">
            <div>名称/Name:</div>
            <input name="layerName" type="text" />
            <div>块资源/Tileset:</div>
            <input name="layerTileSet" type="text" />
            <div>块大小/Tilesize:</div>
            <input name="layerTilesize" class="short" type="text" />
            <div>层大小/Dimensions:</div>
            <input name="layerDimensionsX" class="short" type="text" /> x <input name="layerDimensionsY" class="short" type="text" />
            <div>块步进/Distance:</div>
            <input name="layerDistance" type="text" />
            <div>
            <input class="checkbox" name="layerRepeat" type="checkbox" /> 重复/Repeat
            </div>
            <div>
            <input class="checkbox" name="layerLinkCollision" type="checkbox" /> Link with Collision
            </div>
            <div><input id="save" type="button" value="保存更改/Apply Changes" /></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    var mapEditor = new MapEditor();
  </script>
</body>
</html>
